<template>
  <div>
      <el-menu :default-active="activeIndex" class="MenuTitle" mode="horizontal" >
        <el-menu-item index="1">状态监控</el-menu-item>
        <el-menu-item index="2">故障诊断</el-menu-item>
        <el-menu-item index="3">故障预警</el-menu-item>
        <el-menu-item index="4">运维决策</el-menu-item>
        <el-menu-item index="5">数据管理</el-menu-item>
        <el-menu-item index="6">操作管理</el-menu-item>
      </el-menu>
  </div>
</template>

<script>
  export default {
      name: "cliTitle",
      data(){
        return{
          activeIndex:'1',
        }
      },
      methods: {

      },
      mounted () {

      }
    }
</script>

<style scoped>
.MenuTitle{
  height: 70px;
  padding-top: 5px;
  margin: auto;
  width: fit-content;
  position: fixed;
  top:0px
}
</style>
